<template>
  <div class="form-preview-group">
    <label>{{_displayName}} <span class="form-preview-notNull" v-if="field.isNull == 0">*</span></label>
  </div>
</template>

<script>
import { previewProps } from '@src/component/form/components/props';
import translate from '@src/component/form/mixin/translate.js'

export default {
  name: 'form-serviceterm-preview',
  mixins: [translate],
  props: previewProps
}
</script>

<style lang="scss">
.form-design-separator{
  background-color: $color-primary-light-1;
  color: $color-primary-light-5;
  height: 30px;
  line-height: 30px;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;

  padding: 0 10px;
}
</style>
